<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    @import "mate.html"
    <title>我要办税</title>
    <link rel="stylesheet" href="../assets/weui/lib/weui.min.css">
    <link rel="stylesheet" href="../assets/weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="../css/style.min.css">
</head>
<body>
<div class="padding-bottom">
    <div class="swiper-container" data-space-between='10' data-pagination='.swiper-pagination' data-autoplay="1000">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="../images/banner.png" alt="">
            </div>
        </div>
    </div>
    <form id="cert-form" action="">

        <div class="weui-cells weui-cells_form">
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label class="weui-label">申报类型</label>
                </div>
                <div class="weui-cell__bd">
                    <select id="dec-type" class="weui-select">
                        <option value="0">请选择</option>
                        <option value="1">登记类</option>
                        <option value="2">证明类</option>
                        <option value="3">优惠类</option>
                        <option value="4">申报类</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label class="weui-label">申报事项</label>
                </div>
                <div class="weui-cell__bd">
                    <select id="dec-matters" class="weui-select">
                        <option value="0">请选择</option>
                        <!--<option value="1">12万申报</option>
                        <option value="2">多出工薪申报</option>
                        <option value="3">股权转让申报</option>-->
                    </select>
                </div>
            </div>
        </div>

        <!--<div class="type-title">选择登记类》事项选择</div>
        <div class="weui-cells weui-cells_form tax-form">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <input id="dengji" class="weui-input" type="text" placeholder="请选择" readonly>
                </div>
            </div>
        </div>
        <div class="">
            <button type="submit" class="weui-btn btn-middle">登记类</button>
        </div>

        <div class="type-title">选择证明类》事项选择</div>
        <div class="weui-cells weui-cells_form tax-form">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <input id="zhengming" class="weui-input" type="text" placeholder="请选择" readonly>
                </div>
            </div>
        </div>
        <div class="">
            <button type="submit" class="weui-btn btn-middle">证明类</button>
        </div>

        <div class="type-title">选择优惠类》事项选择</div>
        <div class="weui-cells weui-cells_form tax-form">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <input id="youhui" class="weui-input" type="text" placeholder="请选择" readonly>
                </div>
            </div>
        </div>
        <div class="">
            <button type="submit" class="weui-btn btn-middle">优惠类</button>
        </div>


        <div class="type-title">选择申报类》事项选择</div>
        <div class="weui-cells weui-cells_form tax-form">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <input id="shenbao" class="weui-input" type="text" placeholder="请选择" readonly>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">申报年份</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="year" type="text" placeholder="请选择" readonly>
                </div>
            </div>
        </div>
        <div class="">
            <button type="submit" class="weui-btn btn-middle">申报类</button>
        </div>-->

        <div class="com-btn">
            <a href="" id="next" type="submit" class="weui-btn btn-default">下一步</a>
        </div>

    </form>
</div>
<!--chat代码开始-->
<!--小按钮-->
<a href="javascript:" class="open-popup" id="chat-btn" data-target="#chat" style="bottom: 60px;"><i></i></a>
<!--弹出内容容器-->
<div id="chat" class="weui-popup__container"><!-- popup-bottom-->
    <div class="weui-popup__overlay">聊天对话</div>
    <div class="weui-popup__modal">
        <div class="chat">
            <div class="toolbar">
                <div class="toolbar-inner">
                    <a href="javascript:;" class="picker-button close-popup">关闭</a>
                    <h1 class="title">工作人员XXX</h1>
                </div>
            </div>
            <div class="chat-box">

                <div class="his-chat">
                    <div class="chat-head-img">
                        <img src="../images/chat-head-img.png" alt="" width="40px" height="40px">
                    </div>
                    <div class="chat-text">
                        <p class="text-content">依照我国《中华人民共和国个人所得税法》和《中华人民共和国所得税法实施条例》法律规定，年所得12万元及以上收入的，在中国境内有任职、受雇单位的，向任职、受雇单位所在地主管税务机关申报；在中国境内有两处或者两处以上任职、受雇单位的，选择并固定向其中一处单位所在地主管税务机关申报</p>
                    </div>
                </div>

                <div class="chat-time">2016年10月27日 17:30:59</div>

                <div class="my-chat">
                    <div class="chat-text">
                        <p class="text-content">依照税职依照税照税职职</p>
                    </div>
                    <div class="chat-head-img">
                        <img src="../images/chat-head-img.png" alt="" width="40px" height="40px">
                    </div>
                </div>

                <!--<div class="weui-loadmore weui-loadmore_line">
                    <span class="weui-loadmore__tips">历史记录</span>
                </div>-->

                <!--<div class="chat-time">2016年10月27日 17:30:59</div>-->

                <div class="his-chat">
                    <div class="chat-head-img">
                        <img src="../images/chat-head-img.png" alt="" width="40px" height="40px">
                    </div>
                    <div class="chat-text">
                        <p class="text-content"><img class="text-cont-img" src="../images/banner.png" alt=""></p>
                    </div>
                </div>

                <!--<div class="chat-time">2016年10月27日 17:30:59</div>-->

                <div class="my-chat">
                    <div class="chat-text">
                        <p class="text-content">依照我国《中华人民共和国个人所得税法》和《中华人民共和国所得税法实施条例》法律规定，年所得12万元及以上收入的，在中国境内有任职、受雇单位的，向任职、受雇单位所在地主管税务机关申报；在中国境内有两处或者两处以上任职、受雇单位的，选择并固定向其中一处单位所在地主管税务机关申报</p>
                    </div>
                    <div class="chat-head-img">
                        <img src="../images/chat-head-img.png" alt="" width="40px" height="40px">
                    </div>
                </div>

                <div id="view-el" style="width: 100%;height: 0"></div>
            </div>
            <div class="chat-input">
                <div class="input-cont" style="width: 84%">
                    <input id="my-text" class="weui-input" type="text" placeholder="请输入">
                </div>
                <div class="add-chatimg" style="width: 15%">
                    <button class="send-btn" style="width: 100%"></button>
                    <!--<label for="add-img" class="add-img"></label>
                    <input id="add-img" type="file" class="hidden">-->
                </div>
            </div>
        </div>

    </div>
</div>
<!--chat代码结束-->

@import "footer.html"
<script src="../assets/weui/js/city-picker.min.js" charset="utf-8"></script>
<script src="../assets/nice/jquery.validator.min.js"></script>
<script src='../assets/weui/js/swiper.min.js'></script>
<script>
  $(function () {
    /*$('#dengji').select({
      title: "请选择",
      items: [{
        title: "个体工商户",
        value: 1
      }, {
        title: "个人独资企业投资者",
        value: 2
      }],
      onChange: function (sel) {
//        console.log(sel);
      }
    });
    $('#zhengming').select({
      title: "请选择",
      items: [{
        title: "个体工商户",
        value: 1
      }, {
        title: "个人独资企业投资者",
        value: 2
      }],
      onChange: function (sel) {
//        console.log(sel);
      }
    });
    $('#youhui').select({
      title: "请选择",
      items: [{
        title: "个体工商户",
        value: 1
      }, {
        title: "个人独资企业投资者",
        value: 2
      }],
      onChange: function (sel) {
//        console.log(sel);
      }
    });
    $('#shenbao').select({
      title: "请选择",
      items: [{
        title: "个体工商户",
        value: 1
      }, {
        title: "个人独资企业投资者",
        value: 2
      }],
      onChange: function (sel) {
//        console.log(sel);
      }
    });*/

    $("#year").calendar();
    $(".swiper-container").swiper();

    var html='';
    $('#dec-type').on('change',function () {
//      console.log($(this).val());
      if($(this).val()==0){
        html='<option value="0">请选择</option>';
        $('#next').attr('href','#');
      }else if($(this).val()==1){
        html='<option value="0">请选择</option>' +
          '<option value="1">自然人登记</option>'+
          '<option value="2">自然人变更登记</option>';
        /*$('#dec-matters').on('change',function () {
          if($(this).val()==1){

          }
        });*/
        $('#next').attr('href','../cert/certification.html');
//        $('#next').attr('href','../cert/thoroughUser.html');
      }else if($(this).val()==2){
        html='<option value="0">请选择</option>' +
          '<option value="1">开具税收完税（费）证明</option>'+
          '<option value="2">中国税收居民身份证明</option>';

        $('#next').attr('href','applyTax.html');
      }else if($(this).val()==3){
        html='<option value="0">请选择</option>' +
          '<option value="1">残疾、孤老、烈属减征个人所得税</option>'+
          '<option value="2">外籍个人探亲费、语言训练费、子女教育费免税</option>'+
          '<option value="2">外籍个人出差补贴免税</option>'+
          '<option value="2">外籍个人生活费用免税</option>'+
          '<option value="2">军转干部从事个体经营免征个人所得税</option>'+
          '<option value="2">退役士兵从事个体经营减免个人所得税</option>'+
          '<option value="2">随军家属从事个体经营免征个人所得税</option>'+
          '<option value="2">高校毕业生从事个体经营减征个人所得税</option>'+
          '<option value="2">失业人员从事个体经营减免个人所得税</option>';
        $('#next').attr('href','freeTax.html');
      }else if($(this).val()==4){
        html='<option value="0">请选择</option>' +
          '<option value="1">而处以上取得工资薪金申报</option>'+
          '<option value="2">股权转让申报</option>'+
          '<option value="3">财产转让申报</option>'+
          '<option value="4">利息股息红利申报</option>'+
          '<option value="5">年所得12万以上申报</option>';
        $('#dec-matters').on('change',function () {
          if($(this).val()==5){
            $('#next').attr('href','12upOther.html');
          }
        });
        $('#next').attr('href','12up.html');
      }
      $('#dec-matters').html('').html(html);
    })

  })
</script>
</body>
</html>